<style>
    
#progressbox {
border: 1px solid #0099CC;
padding: 1px; 
position:relative;
width:400px;
border-radius: 3px;
margin: 10px;
display:none;
text-align:left;
}
#progressbar {
height:20px;
border-radius: 3px;
background-color: #003333;
width:1%;
}
#statustxt {
top:3px;
left:50%;
position:absolute;
display:inline-block;
color: #000000;
}
.loadImg{
    cursor: pointer;
    height:150px;
  background-image: url(<?= base_url() . 'public/img/load.gif' ?>);
background-repeat: no-repeat;
background-position: 112px;
background-position-x: 112px;
background-position-y: 50%;

    
}
    </style>


<div class="container contenido publica">
            <div class="pasos">
                <ul>
                    <li><a href="#" class="paso_no_seleccionado"><span></span></a></li>
                    <li><a href="imagen" class="paso_no_seleccionado"><span></span></a></li>
                    <li><a href="#" class="paso_seleccionado"><span></span></a></li>
                </ul>
            </div>
       
    <form action="<?php echo site_url('registro/subir_img_instituto'); ?>" method="post" enctype="multipart/form-data" id="UploadForm" style="display: none">
                                <input name="ImageFile" type="file" id="ImageFile" />
                                <input type="submit"  id="SubmitButton" value="Upload" />
                                    
                             
                                </form>
                                
                               
    <form id="form_publicar" class="form-horizontal publica-form" accept-charset="utf-8" method="post" action="<?php echo site_url('registro/publicar_curso'); ?>">	
            
            <div id="fila">
            <div style="float:left;width:60%;margin-left:1em;color:#67717a;">

                    <div class="control-group">
                        <p>* Nombre de la Institución</p>
                        <p class="secundario">Determine el nombre comercial de su institución, publica a los usuarios.</p>
                        <input class="input-xlarge" style="width:485px;" name="nombre_institucion" type="text" value="<?php echo set_value('nombre_institucion'); ?>">
                        <?php echo form_error('nombre_institucion'); ?>
                    </div>
                   <div class="control-group">
                    <p>* Breve Descripción</p>
                    <p class="secundario">Defina una breve reseña de sus servicios y sus antecedentes  <span style="color:#FFA563; ">(utilice solo hasta 15 palabras)</span></p>
                    <textarea class="input-xlarge" name="breve_descripcion" type="text" style="width:96%;resize:none;" VALUE="<?php echo set_value('breve_descripcion'); ?>"><?php echo set_value('breve_descripcion'); ?></textarea>
                      <?php echo form_error('breve_descripcion'); ?>
                  </div>
                    <div class="control-group">
                        <p>* Teléfono</p>
                        <p class="secundario">Ingresa el teléfono anteponiendo el prefijo</p>
                        <input class="input-xlarge" style="width:50px;" name="tel1" type="text" value="<?php echo set_value('tel1'); ?>">
                        
                        <input class="input-xlarge" style="width:194px;" name="tel2" type="text" value="<?php echo set_value('tel2'); ?>">
                        <span style="font-size:large ; font-weight:bold;"> /</span> 
                        <input class="input-xlarge" style="width:194px;" name="tel3" type="text" value="<?php echo set_value('tel3'); ?>">
                        <?php echo form_error('tel1'); ?>   <?php echo form_error('tel2'); ?>  <?php echo form_error('tel3'); ?>
                    </div>
                </div>

                <div style="float:right;width:30%;margin-left:1em;color:#67717a;"  >
                    <div id="output" class="loadImg">
                         <img  src="<?= base_url() . 'public/images/instituciones/1.jpg' ?>"style="border: 1px solid #d0d0d0;" id="UploadImg">
                         <input type="hidden" name="imgsrc"> 
                    </div>
                     <?php echo form_error('imgsrc'); ?>
                   
            
                    
                    
                    <br><br><p class="secundario" style="text-align:center;">*Cargá el logo</p>
          
                </div>
        
        </div>
        <div id="fila">
            <div style="float:left;width:45%;margin:1em;">
                <div class="control-group">
                    <p>* Dirección</p>
                    <p class="secundario">Confirme o corrija su dirección</p>
                <div id='input'>
                    <input id='gmaps-input-address' style="width:360px;"class="input-xlarge" type='text' name="direccion" value="<?php echo set_value('direccion'); ?>" />
                      <?php echo form_error('direccion'); ?>
                </div>
                <div id='gmaps-canvas' style="height:280px; "></div>
                    
                </div>
         
            </div>
            
            <div style="float:right;width:45%;margin:1em;">
                <div class="control-group">
               
                    <p>Ciudad</p>
                    <p class="secundario">Ciudad de la institucion</p>
                    <select name="ciudad">
                        
                        <?foreach ($citys as $row) {?>
                          <option value="<? echo $row->id ?>"><? echo $row->name ?></option>   
                        <?}?>
                     
                    </select>

                </div>

                 <div class="control-group">
                    <p>* Email</p>
                    <p class="secundario">Registra el email de la institución.</p>
                    <input class="input-xlarge" style="width: 90%;" name="email" type="text" value="<?php echo set_value('email'); ?>">
                     <?php echo form_error('email'); ?>
                </div>
                
                <div class="control-group">
                    <p> Web</p>
                    <p class="secundario">Informe su sitio web</p>
                    <input class="input-xlarge" style="width: 90%;" name="web" type="text">

                </div>
                <div class="control-group">
                    <p>Facebook</p>
                    <p class="secundario">Url fans page Facebook</p>
                    <input class="input-xlarge" style="width: 90%;" name="facebook" type="text">

                </div>
              
                
                
                <div class="control-group">
                    <p> Twitter</p>
                    <p class="secundario">Registra el email de la institución</p>
                    <input class="input-xlarge" style="width: 90%;;" name="twitter" type="text">

                </div>
            </div>
           
        </div>
  
    <div style="float:right;width:55%;margin-left:2em;color:#67717a;">
        <button id="btn_publicar" class="btn btn-siguiente" style="font-weight:bold;" href="#">Guardar </button>
    </div>
     
</div>   

</form>

<div id="dialog-modal" title="Mensaje" >
    <div id="msjErr"></div>
</div>

